<template>
  <div class="hello">
    <index-header></index-header>
    <div class="partner-wrap">
      <div class="banner">
        <img :src="bannerImg" alt="">
        <div class="my">
          <p>未来影响中国乃至世界的五个趋势分别是：</p>
          <p>新零售、新制造、<strong>新金融</strong>、新技术和新能源</p>
          <p class="author">马云<span>2016云栖大会</span></p>
        </div>
      </div>
      <div class="financial">
        <div class="title">
          汽车商业保险分期服务是一个极具前景的新金融场景
        </div>
        <div class="cont">
          <div class="item">
            <h3>市场需求旺盛</h3>
            <p>商用车辆特别是货运车辆商业险保费很高，1万至3万元不等，导致物流公司和货车司机资金周转压力大，需要此类金融服务。</p>
          </div>
          <div class="item">
            <h3>市场规模巨大</h3>
            <p>全国每年有千亿商用车保险分期市场规模，目前市场仍未饱和，增长空间巨大，是一个极具前景的新金融场景。</p>
          </div>
          <div class="item">
            <h3>服务切中痛点</h3>
            <p>我们的贷款服务可以不查征信并且可以时时放款，准确击中物流公司的痛点同时银行并不涉及此小微业务。</p>
          </div>
        </div>
      </div>
      <div class="advantage">
        <h2>纷呗优势</h2>
        <div class="introduce">
          <p>纷呗车险分期是业内首创F2B汽车保险分期服务的一个平台。是当前最新型的互联网保险业务，即车主（被保险人）无需一次性支付车辆商业保险费，由资金方作为出借方（即投保人）为车主先行垫付保费，车主日后向出资方每月分期支付，最高可分10期。资方同时收取一定量的利息和业务手续费。</p>
          <img :src="logoImg" alt="">
        </div>
        <div class="cont">
          <div class="item">
            <div class="title">
              <div class="dot">1</div>
              <h3>贷款资金稳定</h3>
            </div>
            <p>纷呗车险分期背靠强大的资金方支持， 对接储备多家合规资金方，首期 总计10亿元人民币，保证贷款资 金供应正常。</p>
          </div>
          <div class="item">
            <div class="title">
              <div class="dot">2</div>
              <h3>F2B运营模式</h3>
            </div>
            <p>只做平台撮合服务，不做自有资 金借款，避免自身业务违规风险。</p>
          </div>
          <div class="item">
            <div class="title">
              <div class="dot">3</div>
              <h3>合规金融资质</h3>
            </div>
            <p>纷呗车险分期平台拥有合规的金融资 质，我们取得金融服务外包牌照。</p>
          </div>
          <div class="item">
            <div class="title">
              <div class="dot">4</div>
              <h3>互联网业务系统</h3>
            </div>
            <p>投入巨资研发互联网业务系统， 实现业务远程高效运作。</p>
          </div>
        </div>
      </div>
      <div class="partner">
        <h2>合伙人感言</h2>
        <ul class="customer">
          <li class="item">
            <div class="info">
              <div class="portrait">
                <img :src="portraitList[0]" alt="">
                <div class="post">
                  <p>安徽省某保险公司支公司</p>
                  <p>总经理<span>应总</span></p>
                </div>
              </div>
            </div>
            <div class="say">
                <p><i class="dot"></i>我自己做保险十多年了，在我们这片物流公司多，我们保险公司在当地市场占有率也是前三的，其实为了冲业务量我们的业务员也经常会帮助客户垫款，客户要求多了对我们公司和员工的资金压力就很大，还有身边一些规模大的车队老板，光一年的车险就好几百万，经常感叹两句生意不好做啊，保险都要交不起咯。所以当我就把咱们的纷呗的车险分期服务介绍给他们，成本不高，当时就想马上分期，纷呗员工上门服务也很到位，我们客户反馈很好，感谢我的推荐让他们资金得以周转，甚至还主动推荐其他车老板来我这里投保。所以和纷呗的合作对我们保险公司来说客户和保费不但没流失反而大量增加。也就是因为这点，我便也成为了城市合伙人，这对我接下来工作开展非常有帮助。</p>
            </div>
          </li>
          <li class="item p-right">
            <div class="info">
              <div class="portrait">
                <div class="post">
                  <p>山东某物流公司</p>
                  <p>老板<span>马总</span></p>
                </div>
                <img :src="portraitList[1]" alt="">
              </div>
            </div>
            <div class="say">
                <p>
                  <i class="dot"></i>
                  我自己有一个物流公司，手里也有十几辆大大小小的车子用来拉货。每年光给这些车子交保险就要几十万，而且平时的车辆维修费、过路费、油费、司机的工资一大堆费用要支出，生意不好做。做我们这行的规矩是拉完货钱不是马上能结的，我们跟甲方都是有合作的嘛，有些一个季度结算、有些大半年结算，要是凑到一些公司资金紧张还要给我们拖段时间，真到了车子要交保险的时候实在是很难把资金周转过来，但是车子又不能脱保。所以纷呗那真是给我解决了这个大问题，我把所有车子的保险都在纷呗做了分期，每个月还一点我把一些先空着周转用。后来我琢磨着既然我自己需要分期，那我的同行们一定也需要分期啊，所以我就做了纷呗的城市合伙人，既帮助同行周转资金，我自己一年还能多赚上六十多万佣金！真心感谢纷呗车险，希望纷呗继续发展壮大，我们也好跟着一起发家致富。
                </p>
            </div>
          </li>
          <li class="item">
            <div class="info">
              <div class="portrait">
                <img :src="portraitList[2]" alt="">
                <div class="post">
                  <p>湖北某保险代理公司</p>
                  <p>总经理<span>王总</span></p>
                </div>
              </div>
            </div>
            <div class="say">
                <p>
                  <i class="dot"></i>
                  我们公司在当地做保险代理好几年了，品牌和口碑一直都不错，客户里面也有不少做物流公司还有做嘀嘀网约车的融资租赁公司，这些车的商业险保费较高车辆又多，对那些企业来说如果遇上生意淡季要一次性支付的话确实很难，很头疼。我后来听说了有汽车保险分期的服务，就派人去打听了一下，然后知道了“纷呗车险”这个平台，我找到他们负责人沟通，并实地去了纷呗总部调研，后来才在我们公司的客户里实行推广介绍，反响很好，有很多客户会选择进行这个服务来缓解近期的资金问题，主要是收费也低，纷呗这个利率民间资金根本借不到。后来我们和纷呗达成了合作，成为纷呗的城市合伙人，我们公司有了这样的一个业务和同行竞争就更加多了一份优势，业务量确实比以前更大了，所以我自己开玩笑说：“这是我今年最正确的一个决定！”
                </p>
            </div>
          </li>
          <li class="item p-right">
            <div class="info">
              <div class="portrait">
                <div class="post">
                  <p>杭州某车贷公司</p>
                  <p>总经理<span>夏总</span></p>
                </div>
                <img :src="portraitList[4]" alt="">
              </div>
            </div>
            <div class="say">
                <p>
                  <i class="dot"></i>
                  我公司从事车贷业务，目前规模也不算小，一年车贷业务量近10亿，主要模式就是在全国一些省份放渠道，再由各省渠道去连接当地4S店和二网。现在买车的年轻人很多都是分期的，全款买的不太多。好点的车子加上保险、购置税一下子也不少钱，年轻人来买车往往口袋里的钱是刚刚好够车款首付的，但新车保险价格不算低，所有也有客户会问，保险能不能也一起分期啊？以前我们也只能拒绝，那会还不知道我们”纷呗车险”, 后来也是朋友介绍纷呗后，我们一拍即合拿了几个城市的合伙人身份，因为我们车贷加上纷呗的车险分期，等于一个完整的服务，能给到我们下面的4S 店和二网一个很好的营销手段留住客户，可以比竞争对手多卖车，也也让我们渠道和下面网点的合作更长久稳定。所以对我们来说纷呗车险非常不错，值得合作。
                </p>
            </div>
          </li>
          <li class="item">
            <div class="info">
              <div class="portrait">
                <img :src="portraitList[3]" alt="">
                <div class="post">
                  <p>宁波地区车险分期业务</p>
                  <p>创业者<span>张总</span></p>
                </div>
              </div>
            </div>
            <div class="say">
                <p>
                  <i class="dot"></i>
                  这是我第一次创业，在做纷呗城市合伙人之前，我也是在银行打工的做信贷，银行的日子还算体面是收入不算高，后来偶然的机会和我们“纷呗车险”创始人蔡总相识，开始了解车险分期这个业务，我自己是银行的，所以对金融产品有天生的敏感性，可以说是立即被车险分期的可行性所吸引，觉得这个业务前景很不错。所以我就毅然辞职跟着纷呗来做。在刚开始我自己没有人脉，也没有资源，有的只是创业激情，加上纷呗创始人蔡总给了我很多的建议和方法。我自己就在宁波这个地区开始每天跑物流公司和当地一些保险公司，因为这个业务在物流公司内确实非常容易被接受，所以我的努力很快得到回报，很顺利就签下客户，后面客户带客户，我们在宁波地区慢慢的有了起色，现在我们团队一个月能做五六百万的车险分期，已经逐步在这个市场站稳脚跟，而纷呗公司也很信任我让我开始往更大的市场进击，明年我们公司会在全国多个城市设立服务点，做更大的城市合伙人。我觉得我们公司会越来越好，我们也会努力把“纷呗车险”推向全国。
                </p>
            </div>
          </li>
        </ul>
      </div>
      <div class="contract">
        <img :src="contractBg" alt="" class="bgimg">
        <div class="city">
          <h2>新细分市场 将成就新一轮的创富热潮</h2>
          <p class="gm">
            全国车险市场规模已超
            <strong>万亿元</strong>，
          </p>
          <p>
            有车险分期意愿的人群占比约
            <strong>30%</strong>，
          </p>
          <p>
            所以车险分期的总体市场规模已达
            <strong>3000亿人民币</strong>。
          </p>
          <h2 class="cs">而您所在的城市 </h2>
          <h2>则有1-2亿车险分期需求</h2>
        </div>
        <div class="m-card-w">
          <div class="m-card">
            <img :src="mpImg" alt="" class="m-img">
            <div class="m-right">
              <h2>索取车险分期行业白皮书</h2>
              <div class="phone">
                <div class="wx">
                  <p>渠道经理：张凯</p>
                  <p>联系电话：18667810075</p>
                  <p>微&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;信：zhangkai0362</p>
                </div>
                <div class="code">
                  <img :src="code" alt="" class="code">
                  <p>渠道经理二维码</p>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
     <index-footer></index-footer>
  </div>
</template>

<script>
import IndexHeader from '@/pubic/IndexHeader'
import IndexFooter from '@/pubic/IndexFooter'

export default {
  name: 'About',
  components: {
    IndexHeader,
    IndexFooter

  },
  data () {
    return {
      bannerImg: require('@/assets/img/partner/banner.jpg'),
      logoImg: require('@/assets/img/index/logo.png'),
      contractBg: require('@/assets/img/partner/bg.jpg'),
      mpImg: require('@/assets/img/partner/mp-bg.jpg'),
      code: require('@/assets/img/partner/ewm.jpg'),
      portraitList: [
        require('@/assets/img/partner/customer-1.jpg'),
        require('@/assets/img/partner/customer-2.jpg'),
        require('@/assets/img/partner/customer-3.jpg'),
        require('@/assets/img/partner/customer-4.jpg'),
        require('@/assets/img/partner/customer-5.jpg')

      ]
    }
  },
  created () {
    this.menu()
  },
  methods: {
    menu () {
      window.scrollTo(0, 0)
    }
  }

}
</script>

<style scoped lang='scss'>
.partner-wrap{
  font-size: 22px;
  margin-bottom: 50px;
  margin-top: 88px;
  .banner{
    position: relative;
    img{
      width: 750px;
      height: 400px;
    }
    .my{
      position: absolute;
      top: 170px;
      left: 57px;
      right: 57px;
      background: rgba(0,0,0,0.6);
      color:#fff;
      padding: 20px 20px 10px 20px;
      line-height: 40px;
      font-size: 24px;
      strong{
        font-size: 32px;
      }
      .author{
        font-size: 20px;
        text-align: end;
        span{
          padding-left: 20px;
        }
      }
    }

  }
  .financial{
    position: relative;
    height: 300px;
    .title{
      position: absolute;
      top: -30px;
      left: 18px;
      right: 18px;
      background: #f87372;
      border-radius: 10px 10px 0 0;
      line-height: 70px;
      color: #fff;
      font-size: 28px;
      text-align: center;
    }
    .cont{
      position: absolute;
      top: 36px;
      left: 0px;
      background: #f87372;
      color: #fff;
      padding: 18px;
      padding-bottom: 36px;
      width: 100%;
      display:flex;
      justify-content: space-between;
      .item{
        border: 1px solid #fff;
        border-radius: 10px;
        width: 222px;
        box-sizing: border-box;
        padding: 10px;
        h3{
          text-align: center;
          line-height: 40px;
          padding-bottom: 5px;
        }
        p{
          font-size: 20px;
          line-height: 26px;
        }
      }
    }
  }
  .advantage{
    padding: 0 60px;
    h2{
      font-size: 32px;
      color: #232323;
      padding: 70px 0 25px 0;
      text-align: center;
      font-weight: bold;
    }
    .introduce{
      border: 1px solid #f87372;
      padding: 50px 24px 18px 24px;
      font-size: 24px;
      color: #232323;
      line-height: 36px;
      text-align: end;
      p{
        text-align: left;
        text-indent: 2em;

      }
      img{
        width: 180px;
        height: 23px;
        margin-top: 20px;
      }
    }
    .cont{
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap;
      .item{
        margin-top: 40px;
        width: 300px;
        height: 160px;
        .title{
          display: flex;
          .dot{
            margin-right: 20px;
            width: 30px;
            height: 30px;
            line-height: 30px;
            text-align: center;
            background: #f87372;
            border-radius: 50%;
            font-size: 20px;
            color: #fff;
          }
          h3{
            font-size: 24px;
            line-height: 30px
          }
        }
        p{

          line-height: 32px;
          color: #333;
          padding-top: 10px;
        }
      }
    }
  }
  .partner{
    padding: 0 18px;
    h2{
      font-size: 32px;
      color: #232323;
      padding: 70px 0 25px 0;
      text-align: center;
      font-weight: bold;
    }
    .portrait{
      display: flex;
      align-items: center;
      font-size: 24px;
      line-height: 32px;
      height: 100px;
      img{
        margin-right: 30px;
        width: 100px;
        height: 100px;
      }
      span{
        padding-left: 20px;
      }
    }
    .say{
      margin-top: 15px;
      padding-bottom: 30px;
      p{
        position: relative;
        background: #f1f1f1;
        border-radius: 20px;
        padding: 20px;
        font-size: 22px;
        line-height: 36px;
        color: #232323;
        text-indent: 2em;

        .dot{
          position: absolute;
          top: -20px;
          left: 45px;
          width: 0;
          height: 0;
          border: 10px solid transparent;
          border-bottom-color: #f1f1f1;
        }
      }
    }
  }
  .p-right{
    .portrait{
      justify-content: flex-end;
      .post{
        text-align: end;
      }
      img{
        margin:0 0 0 30px;
      }
      span{
        padding-left: 20px;
      }
    }
     .say p .dot{
      left: 650px;
    }
  }
  .contract{
    position: relative;
    height: 1250px;
    .bgimg{
      width: 750px;
      height: 874px;
    }
    .city{
      position: absolute;
      left: 43px;
      top: 55px;
      right: 0;
      h2,strong{
        font-size: 34px;
        color: #232323;
        font-weight: bold;
        letter-spacing:4px;
      }
      p{
        font-size: 26px;
        letter-spacing:2px;
        line-height: 50px;
      }
      .gm{
        padding-top: 50px;
      }
      .cs{
        padding-top: 30px;
      }
    }
  }
  .m-card-w{
    position: relative;
    .m-card{
      position: absolute;
      top: -28px;
      left: 18px;
      right: 18px;
      background: #7a7a7a;
      height:380px;
      display: flex;
      color: #fff;
      font-size: 24px;
      line-height: 40px;
      .m-img{
        height: 380px;
        width: 238px;
      }
      .m-right{
        width: 480px;
        h2{
          font-size: 34px;
          margin: 80px 0 50px 0;
        }
        .phone{
          padding-right: 30px;
          display: flex;
          justify-content: space-between;
          align-items: center;
          .code{
            img{
              width: 124px;
              height: 124px;
            }
            p{
              font-size: 18px;
              line-height: 26px;
            }
          }

        }
      }

    }
  }
}

</style>
